<%@page import="javax.portlet.ResourceURL"%>
<%@ include file="/jsps/main.jsp"%>

<%
	long songId = ParamUtil.getLong(request, "songId");
Song recordSong = null;
String songName = "", songAuthor = "", songCategory = "", songSinger = "", recordNumber = "",audioUrl="", 
action = "save", lyricUrl="", strSongId = String.valueOf(songId);

if(songId > 0) {
	recordSong = SongLocalServiceUtil.getSong(songId);
	songName = recordSong.getSongName();
	songAuthor = recordSong.getSongAuthor();
	songCategory = recordSong.getSongCategory();
	songSinger = recordSong.getSongSinger();
	recordNumber = String.valueOf(recordSong.getRecordNumber());
	audioUrl = recordSong.getAudioUrl();
	lyricUrl = recordSong.getSongUrl();
	
}
%>

<div id="record-container">
	<!-- Start WOWSlider.com BODY section -->
	<div id="wowslider-container1">
		<div class="ws_images">
			<ul>
				<li><img src="<%=basePath%>resources/images/slide1.jpg"
					alt="slide-1" title="slide-1" id="wows1_0" /></li>
				<li><img src="<%=basePath%>resources/images/slide2.jpg"
					alt="slide-2" title="slide-2" id="wows1_1" /></li>
				<li><img src="<%=basePath%>resources/images/slide3.jpg"
					alt="slide-3" title="slide-3" id="wows1_2" /></li>
				<li><img src="<%=basePath%>resources/images/slide4.jpg"
					alt="slide-4" title="slide-4" id="wows1_3" /></li>
				<li><img src="<%=basePath%>resources/images/slide5.jpg"
					alt="slide-5" title="slide-5" id="wows1_4" /></li>
			</ul>
			
		</div>
		<div>AAAAAAAAAAAAAAAAAAAAAAAAAA</div>
	</div>
</div>

<script type="text/javascript"
	src="<%=basePath%>resources/slide/engine1/wowslider.js"></script>
<script type="text/javascript"
	src="<%=basePath%>resources/slide/engine1/script.js"></script>
<!-- End WOWSlider.com BODY section -->

<script type="text/javascript">
	var songUrl = '<%=recordSong.getSongUrl()%>';

	var rate = .05;
	var interval;
	var karaokeShow;

	var array = $.parseJSON(songUrl);

	var timings = RiceKaraoke.simpleTimingToTiming(array);
	var karaoke = new RiceKaraoke(timings);
	var numDisplayLines = 2;
	var renderer = new SimpleKaraokeDisplayEngine("karaoke-display-lyric",
			numDisplayLines);
	karaokeShow = karaoke.createShow(renderer, numDisplayLines);
</script>
<script type="text/javascript" src="<%=basePath%>resources/js/main.js"></script>